$(function () {
  init();

  function init() {
    getData(1);
    tapPage();
  }
  // 获取当前页码
  var pageNow = $(".pageNum>span").text();
  // 这个是发送ajax获取数据的函数u
  function getData(pageNow) {
    // 发送请求获取商品分类名
    $.get("http://193.112.55.79:9090/api/getcategorybyid", {
      categoryid: pageObj.categoryid
    }, (res) => {
      let text = res.result[0].category;
      $(".nav_bar .listName a").text(text)
    })
    // 发送请求获取分类的所有商品
    $.get("http://193.112.55.79:9090/api/getproductlist", {
      categoryid: pageObj.categoryid,
      category: pageObj.category,
      pageid: pageNow
    }, (res) => {
      // 通过计算获取总页码
      let totalPage = Math.ceil(res.totalCount / res.pagesize)
      $(".pageNum>i").text(totalPage)
      goodsListPage(res);
    })
  }
  // 这里是点击页码跳转的事件函数
  function tapPage() {
    $(".paging").on("tap", ".page_next", function () {
      let totalPage = $(".pageNum>i").text();
      if (pageNow == totalPage) {
        mui.toast("已经到最后一页了");
        return;
      }
      pageNow++;
      getData(pageNow)
      $(".pageNum>span").text(pageNow);
    })
    $(".paging").on("tap", ".page_prve", function () {
      if (pageNow == 1) {
        mui.toast("这里是第一页了");
        return;
      }
      pageNow--;
      getData(pageNow)
      $(".pageNum>span").text(pageNow);
    })
  }
  // 这是渲染列表的函数
  function goodsListPage(res) {
    let data = res.result;
    let goodsListHTML = template("goodsListTemp", {
      goodsArr: res.result
    })
    $(".goodsList").html(goodsListHTML)
    let goodsImgArr = $(".goodsImg")
    for (let i = 0; i < goodsImgArr.length; i++) {
      let goodsImg = `${data[i].productImg}`;
      $(goodsImgArr[i]).prepend(goodsImg)
    }
  }
});